<template>
  <div class="container">
      <div class="topology">
          <dv-border-box-12>
              <topology ref="topologyRef" />
          </dv-border-box-12>
      </div>
  </div>
  <router-view />
</template>

<script>
import Topology from "@/components/echarts/topology/SimpleTopology.vue";

export default {
  name: "Home",
  components: {
      Topology,
  },
  data() {
      return {
      };
  },
  methods: {
      
  }
};
</script>

<style scoped>
.container {
  display: flex;
  height: 80%;
  width: 100%;
  justify-content: center;
  margin-top: 20px;
  font-size: 30px;
}
.topology {
  width: 100%;
  flex: 3;
}
</style>
